<template>
  <div class="login container">
     <Header></Header>
     <section>
       <div class="login-tel">
        <input type="text" v-model="uesrTel" placeholder="请输入手机号" pattern="[0-9]*">
        <div class="login-code">
          <input type="text" placeholder="请输入短信验证码" pattern="[0-9]*">
          <button :disabled="display" @click="sendCode">{{codeMsg}}</button>
        </div>
        <div class="login-btn" @click="login">登录</div>
        <div class="tab">
          <span @click="goUserLogin">密码登录</span>
          <span @click="goRegister">快速注册</span>
        </div>
       </div>
     </section>
     <Tabbar></Tabbar>
  </div>
</template>

<script>
import Header from '@/views/login/Header.vue'
import Tabbar from '@/components/common/Tabbar.vue'
export default {
components:{
  Header,
  Tabbar
},
methods:{
  sendCode(){},
  login(){},
  goUserLogin(){},
  goRegister(){}
}
}
</script>

<style>

</style>